<template>
  <!-- 活动内容下的tab -->
  <div>
    <div>
      <LazyLoadTab v-model="activeName" :tabMenus="menus"></LazyLoadTab>
    </div>
    <div v-show="false">
      <fjxm ref="fjxm"></fjxm>
    </div>
    <div v-show="false">
      <pjxm ref="pjxm"></pjxm>
    </div>
    <div v-show="false">
      <wxxm ref="wxxm"></wxxm>
    </div>
  </div>
</template>
<script>
import fjxm from './actXM/fjxm';
import pjxm from './actXM/pjxm';
import wxxm from './actXM/wxxm';
export default {
  name: 'detailsActcontent',
  components: {
    fjxm,
    pjxm,
    wxxm
  },
  props: ['detaildata'],
  data() {
    return {
      activeName: '维修项目',
      menus: this.changeMenus()
    };
  },
  methods: {
    ceshi(val) {
      this.$refs.fjxm.ceshi('dayin');
      this.$refs.pjxm.ceshi('dayin');
      this.$refs.wxxm.ceshi('dayin');
    },
    changeMenus() {
      let that = this;
      return [
        {
          title: '维修项目',
          path: 'repair/activitiesManage/activitiesManage/Details/actXM/wxxm',
          params: {
            detaildata: that.detaildata
          },
          on: {
            changeone(val) {
              // console.log(val,'接收的值one子')
              that.$emit('changeoneF', val);
            }
          }
        },
        {
          title: '维修材料',
          path: 'repair/activitiesManage/activitiesManage/Details/actXM/pjxm',
          params: {
            detaildata: that.detaildata
          },
          on: {
            changetwo(val) {
              // console.log(val,'接收的值two子')
              that.$emit('changetwoF', val);
            }
          }
        },
        {
          title: '附加项目',
          path: 'repair/activitiesManage/activitiesManage/Details/actXM/fjxm',
          params: {
            detaildata: that.detaildata
          },
          on: {
            changethree(val) {
              // console.log(val,'接收的值three子')
              that.$emit('changethreeF', val);
            }
          }
        }
      ];
    }
  }
};
</script>

<style lang="less"></style>
